<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Examples</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link href="<%=basePath%>bootstrap/css/bootstrap.css" rel="stylesheet">
	<script src="<%=basePath%>bootstrap/js/bootstrap.js"></script>
</head>
	<style type="text/css">

	.log{
	height: 300px;
	margin-top: 200px;
	}
	.log2{ height: 50px;
		margin-top:20px;}
	.log,.log2{
		margin-left: auto;
		margin-right: auto;
		width:500px;
		background-color: white;
	}

	.login{
		margin-left: auto;
		margin-right: auto;
		margin-top:50px;
		width:247px;
	}
	/* body{
		background: ../picture/StarrySky.jpg;
	}
	 */
	h1

{

    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);

    text-transform: uppercase;

    text-align: center;

    color: #666;

    margin: 0 0 30px 0;

    letter-spacing: 4px;

    font: normal 26px/1 Verdana, Helvetica;

    position: relative;

}
h1:after, h1:before

{

    background-color: #777;

    content: "";

    height: 1px;

    position: absolute;

    top: 15px;

    width: 120px;

}

h1:after

{

    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));

    background-image: -webkit-linear-gradient(left, #777, #fff);

    background-image: -moz-linear-gradient(left, #777, #fff);

    background-image: -ms-linear-gradient(left, #777, #fff);

    background-image: -o-linear-gradient(left, #777, #fff);

    background-image: linear-gradient(left, #777, #fff);

    right: 0;

}

h1:before

{

    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));

    background-image: -webkit-linear-gradient(right, #777, #fff);

    background-image: -moz-linear-gradient(right, #777, #fff);

    background-image: -ms-linear-gradient(right, #777, #fff);

    background-image: -o-linear-gradient(right, #777, #fff);

    background-image: linear-gradient(right, #777, #fff);

    left: 0;
}
</style>
<body background="<%=basePath%>images/StarrySky .jpg">
<form action='<c:url value="login"/>' method="post">
	<div class="log" >
		&nbsp;
		<h1 style="margin-top:10px;">Log In</h1>
		<div class="login">
			<div class="input-prepend">
				<span class="add-on"> <i class="icon-user"></i>
				</span>
				<input type="text" name="unumber" placeholder="用户名"></div>
			<div class="input-prepend">
				<span class="add-on">
					<i
					class=" icon-lock"></i>
				</span>
				<input type="password" name="upassword" placeholder="密码"></div>
				<div class="row-fluid">
				<div class="span8">
			<label class="checkbox  " style="width:120px;" >
				<input type="checkbox">Remember me</label></div>
				<div class="span4" align="right">
			<button type="submit" class="btn btn-success  " style="margin-right:0px" >Log in</button></div></div>
		</div>
	</div>
</form>

	<%-- <form action="<%=basePath%>file" method="post" enctype="multipart/form-data">
		<input type="file" name="excel"/>
		<input type="submit"/>
	</form> --%>
</body>
</html>
